/* CSS Document */

.btnbox {text-align:center;position:relative;}
.btnbox .button_gradient,
.btnbox .button_gradient_gray {display:inline-block;}
.btnbox .button_gradient *,
.btnbox .button_gradient_gray * {font-size:1rem;}

.button_block,
.button_block_off,
.button_hollow {text-decoration:none;display:block;border-radius:10rem;text-align:center;padding:1rem 0;line-height:1;-webkit-tap-highlight-color:rgba(253,208,0,.5);}

.button_block {background:#bc6d1e;color:#fff;}
.button_block_off {background:#99999a;color:#bbb;}
.button_hollow {border:.124rem solid #444449;color:#444449;}

.button_gradient  {position:relative;display:inline-block;z-index:1;color:#fff;border-radius:10rem;padding:.5rem 2rem;display:block;
background: -webkit-linear-gradient(#ff8e01,#f86505); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#ff8e01,#f86505); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#ff8e01,#f86505); /* Firefox 3.6 - 15 */
background: linear-gradient(#ff8e01,#f86505); /* 标准的语法 */}

.button_gradient_gray  {position:relative;display:inline-block;}
.button_gradient_gray i {position:relative;z-index:1;color:#ccccc9;border-radius:.5rem;padding:.5rem 2rem;display:block;
background: -webkit-linear-gradient(#818181,#949494); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#818181,#949494); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#818181,#949494); /* Firefox 3.6 - 15 */
background: linear-gradient(#818181,#949494); /* 标准的语法 */}
.button_gradient_gray:after{content:"";width:100%;height:100%;display:block;position:absolute;left:.2rem;top:.2rem;z-index:-1;border-radius:.5rem;
background: -webkit-linear-gradient(#808080,#565656); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#808080,#565656); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#808080,#565656); /* Firefox 3.6 - 15 */
background: linear-gradient(#808080,#565656); /* 标准的语法 */
}

/*iP5*/
@media screen and (min-width:0) and (max-width:320px) {
.button_block,
.button_hollow {font-size:1.1rem;}
}
/*iP6*/
@media screen and (min-width:321px) and (max-width:375px) {
.button_block,
.button_hollow {font-size:1.3rem;}
}
/*6P*/
@media screen and (min-width:376px) and (max-width:414px) {
.button_block,
.button_hollow {font-size:1.3rem;}
}